<template>
    <div id="app">
        <navHeader v-if="!hideHeaderFooter"></navHeader>
        <router-view></router-view>
        <theFooter v-if="!hideHeaderFooter"></theFooter>
    </div>
</template>

<script lang="ts" setup>
import navHeader from '@/components/navHeader.vue';
import theFooter from '@/components/theFooter.vue';
import { useRoute } from 'vue-router';
import { computed } from 'vue';

const route = useRoute();

const hideHeaderFooter = computed(() => {
    return route.meta.hideHeaderFooter;
});
</script>
